.width1200{ width:1200px; margin:0 auto; }


.focus-in-contract{-webkit-animation:focus-in-contract 2s cubic-bezier(.25,.46,.45,.94) both;animation:focus-in-contract 2s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes focus-in-contract{0%{letter-spacing:1em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-contract{0%{letter-spacing:1em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}} 

.fwlist ul li {position:relative}
.fwlist ul li .morelist{ position:absolute; top:60px; left:0; display:none; z-index:999; background:#fff; width:100%; border-radius:5px;}
.fwlist ul li .morelist a{ display:block; height:30px; line-height:30px; border-bottom:1px solid #ececec; text-align:center; font-size:16px;}
.fwlist ul li .morelist a:last-child{border-bottom:0px solid #ececec;}
.fwlist ul li:hover .morelist{ display:block;}
/*.fwlist ul li:hover {background-color: #ff7300}*/

.container .interaction .newMedia li.weixin a{background: url(./2021stj_wxLogo.png) no-repeat left center;    background-size: 26px;}
li.green{background-color:#f7f8ed ; background: -moz-linear-gradient(top, #fdfefc 0%, #f7f8ed 100%) ;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfefc), color-stop(100%,#f7f8ed))  ; background: -webkit-linear-gradient(top, #fdfefc 0%,#f7f8ed 100%) ;
 background: -o-linear-gradient(top, #fdfefc 0%,#f7f8ed 100%) ;
 background: -ms-linear-gradient(top, #fdfefc 0%,#f7f8ed 100%) ;}
li.blue{ background-color:#d1e8fa ;background: -moz-linear-gradient(top, #f8fbfe 0%, #d1e8fa 100%) ;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fbfe), color-stop(100%,#d1e8fa))  ; background: -webkit-linear-gradient(top, #f8fbfe 0%,#d1e8fa 100%) ;
  background: -o-linear-gradient(top, #f8fbfe 0%,#d1e8fa 100%) ;
  background: -ms-linear-gradient(top, #f8fbfe 0%,#d1e8fa 100%) ;}
.top_info { height:50px; line-height:50px; color:#fff; background:#0c6ade;    font-size: 14px;}
.top_info dd{ display:inline-block; }
.top_info dd a{ color:#fff;   position: relative;}
.top_info dd a span{display: none;position: absolute;  text-align: center; z-index: 9; top: 36px;left: -41px;width: 110px;height: 140px;background-color: #fff;padding: 10px;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.top_info dd a span img{width: 110px;height: 110px;}
.top_info dd a span em{    display: block;line-height: 0px; color: #666;}
.top_info dd a:hover span{display: block;}
.top_info .IPv6{    border: 1px solid #fff;    padding: 5px 10px;margin-left: 20px;border-radius: 15px;font-size: 12px;}
.bannerBox{background: url(./2021stj_banner.jpg) no-repeat #f3f3f3 center top;padding-top: 55px;}
.bannerBox .width1200{position: relative;}
.bannerBox .webLogo{text-align: center;}
.bannerBox .webLogo img{webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.bannerBox .webLogo img:hover{transform: transform: translate3d(0, -.3rem, 0);-ms-transform: translate3d(0, -.3rem, 0); /* IE 9 */-webkit-transform: translate3d(0, -.3rem, 0); /* Safari and Chrome */}
.bannerBox .szlogo{position: absolute;right: 0;top:-14px;}
.bannerBox .search { height: 45px; line-height: 45px;border-radius: 30px; border: 1px solid #bde0fd;width: 460px;margin:30px auto 30px auto;position: relative;webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.bannerBox .search input { color: #fff; display: inline-block;  height: 45px; line-height: 45px; padding: 0 20px; width: 90%;    background: none;}
.bannerBox .search:hover{border: 1px solid #fff;}
.bannerBox .search input::-webkit-input-placeholder{ color:#fff; }
.bannerBox .search input::-moz-placeholder{color:#fff;}
.bannerBox .search input:-moz-placeholder{ color:#fff; }
.bannerBox .search input:-ms-input-placeholder{ color:#fff;}

.bannerBox .search a.searchBtn { width: 90px; height: 45px; line-height: 45px;display: inline-block;border-radius: 30px;background: url(./2021stj_search.png) #008aff no-repeat center; overflow: hidden; position: absolute; right: 0;top: 0;}
.bannerBox .kqValue{text-align: center;}
.bannerBox .kqValue li{  display: inline-block;;width: 155px;height: 37px;padding: 10px;margin: 0 20px 0 0; background-color: #05c3d7;background: linear-gradient(145deg,#0f95f5,#05c3d7);border-radius: 10px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);color: #fff;overflow: hidden;}
.bannerBox .kqValue li a{color: #fff;border-right: 1px solid #77cff9;float: left;width: 40%; padding-right: 10px;}
.bannerBox .kqValue li a.num{border:none;    line-height: 37px;position: relative;}
.bannerBox .kqValue li em{display: block;color: #fff;text-align: right;    font-size: 14px;}
.bannerBox .kqValue li a.num em{    position: absolute; top: 17px; right: -17px; font-size: 12px;color: #e4e1e1;}
.bannerBox .kqValue li span{font-size: 32px;font-weight: bold;}
.bannerBox .topNav{margin-top: 50px ;height:55px; line-height:55px; background:#000; color:#fff;overflow: hidden;}
.bannerBox .topNav ul{display: inline-block;}
.bannerBox .topNav ul li{ float:left; width:240px; text-align: center;}
.bannerBox .topNav ul li a{ color:#fff; font-size:18px; font-weight: bold; display:block; webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.bannerBox .topNav ul li.on{  background-color: #1095f5;background: linear-gradient(145deg,#1095f5,#0caee0);}
.bannerBox .topNav ul li a:hover{color: #ffffff;}
.bannerBox .topNav ul li:hover{background-color:#12a6e5;}
.nav-toggle{ display:none}
.bannerBox .newsCon{background: #fff;padding: 20px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);}
.bannerBox .newsCon .newspics{ width:564px; height:374px; position:relative; overflow:hidden}
.bannerBox .newsCon .newspics .bd{ position:relative; height:100%; z-index:0;   }
.bannerBox .newsCon .newspics .bd li{ zoom:1; vertical-align:middle;  position:relative;}
.bannerBox .newsCon .newspics .bd li span{ position:absolute; z-index:99px; color:#fff; bottom:0px; left:0;  background:rgba(0,0,0,0.5); display:block; width:100%; padding-left:15px; height:43px; line-height:43px;}
.bannerBox .newsCon .newspics .bd img{ width:100%; height:374px; display:block;  }
.bannerBox .newsCon .newspics .prev,.bannerBox .newsCon .newspics .next{ position:absolute; left:0; top:50%; margin-top:-27px; display:block; width:25px; height:55px; background-color:rgba(104,104,104,0.4); background-image:url(./2021stj_goLeft.png); background-position:center; background-repeat:no-repeat; webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.bannerBox .newsCon .newspics .next{left:auto; right:0;   background-image:url(./2021stj_goRight.png) ;}
.bannerBox .newsCon .newspics .prev:hover,.bannerBox .newsCon .newspics .next:hover{ background-color:rgba(104,104,104,0.6); }
.newslist{ width:568px; height:374px;}
.newslist .inHd{ width:100%; height:45px; line-height:45px;border-bottom: 1px solid #1095f5;padding-bottom: 10px;}
.newslist .inHd ul li{ float:left; font-size:20px;margin-right: 30px;}
.newslist .inHd ul li a{display: block;color: #000000;}
.newslist .inHd ul li.on a{ color:#3a8bce;font-weight: bold;}
.newslist .inHd span a{display: inline-block;width: 50px;height:50px; background: url(2021stj_listMore.png) no-repeat center;}
.newslist .inBd ul{ padding-top:5px;}
.newslist .inBd ul li{ height:40px; line-height:40px; }
.bannerBox .newsCon .newslist .inBd .ggtop{position: relative; padding: 0 0 0 105px;margin-bottom: 28px;}
.bannerBox .newsCon .newslist .inBd .ggtop span {text-align: center;width: 90px;position: absolute;left: 0;}
.bannerBox .newsCon .newslist .inBd .ggtop span i { display: block; font-size: 18px;background: #d8d7d7;padding: 5px 0;color: #000;}
.bannerBox .newsCon .newslist .inBd .ggtop span em{ display: block; font-size: 14px;background: #1095f5;padding: 5px 0;color: #fff;}
.bannerBox .newsCon .newslist .inBd .ggtop p {font-size: 14px;  color: #575757; padding-top: 8px; line-height: 24px;}
.bannerBox .newsCon .newslist .inBd .ggtop h2 {font-size: 20px; color: #1095f5;text-align: center;min-height: 40px;}
.bannerBox .newsCon .newslist .inBd .ggtop h2 a{color: #1095f5;}
.newslist .inBd ul li a{ display:inline-block;width: 86%;  overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; background:url(./2021stj_listBg.png) no-repeat left center; padding-left:27px; }
.newslist .inBd ul li span{ float: right;color: #999;}
.container{background: #f3f3f3;padding: 30px 0;}
.container .interaction{background: #dcecf8;padding: 20px;}
.container .interaction .notice .noticeTit{font-weight: bold;}
.container .interaction .notice .noticeTit a{display: inline-block;background: url(./2021stj_voidLogo.png) no-repeat left center;padding-left: 40px;line-height: 30px;}
.container .interaction .newMedia li{ float: left;margin-right: 20px; position: relative;  }
.container .interaction .newMedia li a{display: inline-block;    line-height: 30px; padding-left: 40px;webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.container .interaction .newMedia li.isz a{background: url(./2021stj_iszLogo.png) no-repeat left center; }
.container .interaction .newMedia li.yss a{background: url(./2021stj_yssLogo.png) no-repeat left center; }
.container .interaction .newMedia li.wb a{background: url(./2021stj_wbLogo.png) no-repeat left center; }
.container .interaction .newMedia li a span{display: none;position: absolute;    z-index: 9; top: 36px;left: 0;width: 110px;height: 110px;background-color: #fff;padding: 10px;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.container .interaction .newMedia li a span img{width: 110px;height: 110px;}
.container .interaction .newMedia li.mail a span{width: 120px;height: auto;padding: 0;}
.container .interaction .newMedia li.mail a span img{width: 120px;height: auto;}
.container .interaction .newMedia li a:hover span{display: block;}
.serveSerach{margin-top: 30px;}
.serveSerach h2{color: #000;font-size: 20px;padding-left: 50px;    line-height: 40px;}
h2.wyb{background: url(2021stj_serve1.png) no-repeat left center;}
h2.wyc{background: url(2021stj_serach1.png) no-repeat left center;}
.serveSerach .serve,.serveSerach .serach{background: #fff;padding: 20px;width: 550px;} 
.serveSerach ul{padding-top: 30px;}
.serveSerach li{float: left;margin: 0 10px 10px 0;}
.serveSerach li.last{margin-right: 0;}
.serveSerach li a{display: block;padding: 20px 6px;text-align: center;}
.serveSerach li em{display: block;}
.serveSerach li span{display: block;height: 35px;  margin-bottom: 10px;}
.serveSerach li img{webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.serveSerach li:hover img{transform: transform: translate3d(0, -.3rem, 0);-ms-transform: translate3d(0, -.3rem, 0); /* IE 9 */-webkit-transform: translate3d(0, -.3rem, 0); /* Safari and Chrome */}
.serveSerach .serve ul li{width: 270px;height: 108px;}
/* .serveSerach .serve ul li.zww{width: 270px;} */
.serveSerach .serve ul li.zww img{width: 100%;height: 100%;}
.serveSerach .serve ul li.zww a{padding: 0;}
.serveSerach .serach ul li{width: 32%;height: 108px;}
.ztChnl{margin-top: 30px;}
.ztChnl .ztList{width: 590px;height: 175px;}
.ztChnl .ztList h2{width: 70px;height:100% ;float: left; background-color: #1093f6;background: -moz-linear-gradient(top, #0daedf 0%, #1093f6 100%) ;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0daedf), color-stop(100%,#1093f6))  ; background: -webkit-linear-gradient(top, #0daedf 0%,#1093f6 100%) ;
 background: -o-linear-gradient(top, #0daedf 0%,#1093f6 100%) ;
 background: -ms-linear-gradient(top, #0daedf 0%,#1093f6 100%) ;}
 .ztChnl .ztList h2 a{color: #fff;display: block;width: 100%;height: 100%;}
.ztChnl .ztList h2 a em{width: 20px; font-size: 20px;letter-spacing: 20px;    display: block;margin: auto;    margin-top: 26px;}
.ztChnl .ztList .ztSlide{width: 520px;height: 100%;background: #fff;overflow: hidden;float: right;position: relative;}
.ztChnl .ztList .ztSlide li{padding: 20px;}
.ztChnl .ztList .ztSlide img{width: 480px;height: 135px;}
.ztChnl .ztList .ztSlide .prev,.ztChnl .ztList .ztSlide .next{ position:absolute; left:20px; top:50%; margin-top:-27px; display:block; width:25px; height:55px; background-color:rgba(104,104,104,0.2); background-image:url(./2021stj_goLeft.png) ; background-position:center; background-repeat:no-repeat;    }
.ztChnl .ztList .ztSlide .next{ left:auto; right:20px;   background-image:url(./2021stj_goRight.png) ;  }
.ztChnl .ztList .ztSlide .prev:hover,.ztChnl .ztList .ztSlide .next:hover{ background-color:rgba(104,104,104,0.6); }
.ztChnl .wjList{width: 590px;height: 175px;}
.ztChnl .wjList li{float: left;width: 140px;height: 175px;margin-right: 10px;text-align: center;}
.ztChnl .wjList li.wjList1{background: url(2021stj_wjList1.png) no-repeat center;}
.ztChnl .wjList li.wjList2{background: url(2021stj_wjList2.png) no-repeat center;}
.ztChnl .wjList li.wjList3{background: url(2021stj_wjList3.png) no-repeat center;}
.ztChnl .wjList li.wjList4{background: url(2021stj_wjList2.png) no-repeat center;margin-right: 0;}
.ztChnl .wjList li a{display: block;line-height: 40px;padding: 50px 0;width: 66%;color: #666;font-size: 18px;text-align: center;margin:0 auto;webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.ztChnl .wjList li a:hover{font-size: 20px;}
/* 政务公开 */
.infoOpen{background: #fff;padding: 20px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);margin-bottom: 30px;}
.infoOpen .infotit{width: 269px;height: 424px;}
.infoOpen .infocont{width: 847px;height: 424px;}
.infoOpen .infocont .infolist1{margin-bottom: 15px;}
.infoOpen .infocont .infolist1 li{width: 269px;border-radius: 5px;float: left;margin: 0 20px 20px 0;}
.infoOpen .infocont .infolist1 li.last{margin-right: 0;}
.infoOpen .infocont .infolist1 li a{display: block;padding: 15px 10px;text-align: center;}
.infoOpen .infocont li em{display: block;}
.infoOpen .infocont li img{webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.infoOpen .infocont li:hover img{transform: transform: translate3d(0, -.3rem, 0);-ms-transform: translate3d(0, -.3rem, 0); /* IE 9 */-webkit-transform: translate3d(0, -.3rem, 0); /* Safari and Chrome */}
.infoOpen .infocont li span{display: block;height: 55px;  margin-bottom: 10px;}
.infoOpen .infocont .infolist2{background:url(2021stj_info_ban5.png) no-repeat;padding: 20px 0;text-align: center;}
.infoOpen .infocont .infolist2 li{width: 120px;float: left;margin: 0 10px;}
.infoOpen .infocont .infolist2 li a{display: block;}
.infoOpen2{margin-bottom: 30px;}
.infoOpen2 .zwgk{width: 745px;height: 342px;background: #fff;padding: 20px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);}
.infoOpen2 .gklist{width: 382px;height: 342px;}
.infoOpen2 .gklist li{width: 100%;height: 104px;display: block;margin-bottom: 34px;overflow: hidden;    border-radius: 10px;}
.infoOpen2 .gklist li.last{margin-bottom: 0;}
.infoOpen2 .gklist li img{transition: all .5s ease;width: 100%;height: 100%;}
.infoOpen2 .gklist li img:hover{transform: transform: scale(1.1);-ms-transform: scale(1.1); /* IE 9 */-webkit-transform: scale(1.1); /* Safari and Chrome */}
/* 政务服务 */
.wybCont{background: #fff;padding: 20px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);height: 336px;}
.wybCont h2,.wycCont h2{color: #000;font-size: 20px;padding-left: 50px;    line-height: 40px;}
.wybCont h2{margin-bottom: 30px;}
.wybCont .zwServe{width: 568px;height: 266px;overflow: hidden;}
.wybCont .zwServe img{transition: all .3s ease;}
.wybCont .zwServe img:hover{transform: transform: scale(1.1);-ms-transform: scale(1.1); /* IE 9 */-webkit-transform: scale(1.1); /* Safari and Chrome */}
.wybCont .zwSys{width: 567px;height: 266px;}
.wybCont .zwSys li.zwSys1,.wybCont .zwSys li.zwSys2{display: inline-block;width: 276px;height: 128px;}
.wybCont .zwSys li.zwSys1{margin-right: 10px;}
.wybCont .zwSys li.zwSys3{width: 100%;height: 128px;margin-top: 10px;}
.wybCont .zwSys li.zwSys1 a{background: url(2021stj_zwser_icon1.png) no-repeat 26px center;}
.wybCont .zwSys li.zwSys2 a{background: url(2021stj_zwser_icon2.png) no-repeat 50px center;}
.wybCont .zwSys li.zwSys3 a{background: url(2021stj_zwser_icon3.png) no-repeat 100px center;}
.wybCont .zwSys li a{display: block;text-align: center;padding: 52px 0;webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wybCont .zwSys li.zwSys1 span,.wybCont .zwSys li.zwSys2 span{width: 50%;display: inline-block;}
.wybCont .zwSys li a:hover{padding-left: 10px;}
.wycCont{background: #fff;padding: 20px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);}
.wycCont ul{padding-top: 30px;}
.wycCont li,.hdCont1 .hdSys li{width: 185px;float: left;margin: 0 10px 10px 0;webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wycCont li.last,.hdCont1 .hdSys li.last{margin-right: 0;}
.wycCont li a,.hdCont1 .hdSys li a{display: block;padding: 20px 6px;text-align: center;}
.wycCont li em,.hdCont1 .hdSys li em{display: block;}
.wycCont li span,.hdCont1 .hdSys li span{display: block;height: 45px;  margin-bottom: 10px;}
.wycCont li img,.hdCont1 .hdSys li img,.hdCont1 .hdMedia li img{webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wycCont li:hover img,.hdCont1 .hdSys li:hover img,.hdCont1 .hdMedia li:hover img{transform: transform: translate3d(0, -.3rem, 0);-ms-transform: translate3d(0, -.3rem, 0); /* IE 9 */-webkit-transform: translate3d(0, -.3rem, 0); /* Safari and Chrome */}
/* 政民互动 */
.hdCont1{background: #fff;padding: 20px;}
.hdCont1 .hdSys{width: 850px;}
.hdCont1 .hdSys li{width: 268px;}
.hdCont1 .hdSys li span{    height: 55px;}
.hdCont1 .hdMedia{width: 310px;}
.hdCont1 .hdMedia li{width: 26%;float: left;margin:23px 37px;}
.hdCont1 .hdMedia li a{display: block;text-align: center;}
.hdCont1 .hdMedia li span{display: block;width: 55px;height: 55px;border-radius: 50%;    text-align: center;line-height: 71px;margin: 0 auto;margin-bottom: 10px;}
.hdCont1 .hdMedia li span.cirgreen{background-color:#f7f8ed ;background: -moz-linear-gradient(top, #fdfefc 0%, #f7f8ed 100%) ;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfefc), color-stop(100%,#f7f8ed))  ; background: -webkit-linear-gradient(top, #fdfefc 0%,#f7f8ed 100%) ;
 background: -o-linear-gradient(top, #fdfefc 0%,#f7f8ed 100%) ;
 background: -ms-linear-gradient(top, #fdfefc 0%,#f7f8ed 100%) ;}
 .hdCont1 .hdMedia li span.cirblue{background-color:#d1e8fa ;background: -moz-linear-gradient(top, #f8fbfe 0%, #d1e8fa 100%) ; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fbfe), color-stop(100%,#d1e8fa))  ; background: -webkit-linear-gradient(top, #f8fbfe 0%,#d1e8fa 100%) ;
  background: -o-linear-gradient(top, #f8fbfe 0%,#d1e8fa 100%) ;
  background: -ms-linear-gradient(top, #f8fbfe 0%,#d1e8fa 100%) ;}
.hdCont1 .hdMedia li em{display: block;}
.hdCont2{background: url(2021stj_hd_bg.png) no-repeat;padding: 30px;}
.hdCont2 .tsphone,.hdCont2 .zjmail{border-radius: 10px;background:rgba(255,255,255,0.08);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Fffffff,endcolorstr=#7Fffffff);}
.hdCont2 .tsphone{padding: 20px;text-align: center;margin-bottom: 20px;}
.hdCont2 .tsphone dd{display:inline-block;width: 28%;    margin: 0 25px;}
.hdCont2 .tsphone dd h3{font-size: 20px;color: #3879c5;display: block;line-height: 45px;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.hdCont2 .tsphone dd span{font-size: 20px;color: #fff;font-weight: bold;display: block;line-height: 45px;}
.hdCont2 .tsphone dd p{color: #fff;    line-height: 24px; font-size: 14px;}
.hdCont2 .tsphone .line{display: inline-block;height: 130px;border-left: 1px solid #92b0d0;}
.hdCont2 .zjmail{text-align: center;padding: 20px;font-size: 20px;}
.hdCont2 .zjmail h3{color: #3879c5;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;display: inline-block;    letter-spacing: 3px;font-size: 20px;}
.hdCont2 .zjmail span{color: #fff;font-weight: bold;}
/* 转载重点区域 */
.zazdq{    margin-top: 20px;}
.zazdq li{float: left;margin-right: 25px;}
.zazdq li:nth-child(5){margin-right: 0px;}
.zazdq img{width: 217px;height: 110px;}
/* 温馨提示区*/
.notice_flr {z-index: 999;position: fixed;right: 0;bottom: 0;width: 200px;background: #ffffff;padding: 10px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);}
.notice_flr .notice_title {width:100%;font-size: 16px;color: #3e97df;display: inline-block;padding-bottom: 5px;border-bottom: 3px solid #3e97df;}
.notice_flr .btn-close {position: absolute;right: 10px;top: 10px;color: #727475;}
.notice_flr .content{padding-top: 10px;}
.notice_flr .content p{    line-height: 28px;word-break: normal;font-size: 14px;}
/* 底部信息 */
.footer{padding: 30px 0;color: #fff;    font-size: 14px; background-color:#0c6bde ;background:-webkit-linear-gradient(left,#0c6bde,#03cbe7);background:-o-linear-gradient(right,#0c6bde,#03cbe7);background:-moz-linear-gradient(right,#0c6bde,#03cbe7);background:linear-gradient(to right,#0c6bde,#03cbe7);}
.footer .fzChnl{text-align: center;    margin-bottom: 30px;    font-size: 16px;}
.footer .fzChnl a{margin-right: 20px;color: #fff;}
.footer .unit{width: 60%;position: relative;}
.footer .unit a.jgMark{position: absolute;left: -45px; top: 10px;}
.footer .contact{width: 40%;}
.footer p{margin-bottom: 10px;}
.footer p span{margin-right: 10px;}
.footer p span a{color: #fff;}
.footer p span a.ygw{background: url(./beianLogo.png) no-repeat left center;padding-left: 22px;}

/* 附加样式*/
.article{padding-top: 10px;}

/* 适配版开始 */
@media screen and (min-width:300px) and (max-width:1024px) {
.width1200{ width:100%; margin:0 auto; }
.zazdq{display: none;}
.notice_flr{display:none;}
.top_info { height:auto; line-height:50px; color:#fff; background:#0c6ade;    font-size: 14px;}
.top_info  .f-fl{display: none;}
.top_info  .f-fr{width: 100%;text-align: center;float: none;}
.top_info .IPv6{  display: none;  border: 1px solid #fff;    padding: 5px 10px;margin-left: 20px;border-radius: 15px;}
.bannerBox{background: url(./2021stj_banner.jpg) no-repeat #f3f3f3 center top;padding:55px 0;background-size: cover;}
.bannerBox .webLogo{text-align: center;}
.bannerBox .webLogo img{width: 80%;}
.bannerBox .szlogo{position: absolute;right: 13px;top:-31px;}
.bannerBox .szlogo img{width: 50px;}
.bannerBox .search { height: 45px; line-height: 45px;border-radius: 30px; border: 1px solid #bde0fd;width: 80%;margin:30px auto 30px auto;position: relative;}
.bannerBox .search input { color: #fff; display: inline-block;  height: 45px; line-height: 45px; padding: 0 20px; width: 90%;    background: none;}
.bannerBox .search a.searchBtn { width: 25%; height: 45px; line-height: 45px;display: inline-block;border-radius: 30px;background: url(./2021stj_search.png) #008aff no-repeat center; overflow: hidden; position: absolute; right: 0;top: 0;}
.bannerBox .kqValue{text-align: center;    margin-bottom: 20px;}
.bannerBox .kqValue li{  display: inline-block;;width: 30%;height: 37px;padding: 10px 0;margin:0 4px 0 4px; background-color: #05c3d7;background: linear-gradient(145deg,#0f95f5,#05c3d7);border-radius: 10px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);color: #fff;overflow: hidden;}
.bannerBox .kqValue li a{color: #fff;border-right: 1px solid #77cff9;float: left;width: 45%; padding-right: 10px;}
.bannerBox .kqValue li a.num{border:none;    line-height: 37px;position: relative;padding-right: 0;}
.bannerBox .kqValue li em{display: block;color: #fff;text-align: right;    font-size: 12px;}
.bannerBox .kqValue li a.num em{    position: absolute; top: 18px; right: 0; font-size: 12px;color: #e4e1e1;}
.bannerBox .kqValue li span{font-size: 25px;font-weight: bold;}
.bannerBox .topNav{width: 100%;margin-top: 0 ;height:auto;line-height:55px; background:#fff; color:#fff;overflow: hidden;}
.bannerBox .topNav ul{display: none;}
.bannerBox .topNav ul li{ float:left;height: 55px; width:100%; text-align: center;}
.bannerBox .topNav ul li a{ color:#fff; font-size:18px; font-weight: bold; display:block; }
.bannerBox .topNav ul li.on{  background-color: #1095f5;background: linear-gradient(145deg,#1095f5,#0caee0);}
.bannerBox .topNav ul li a:hover{background-color: #1095f5;background: linear-gradient(145deg,#1095f5,#0caee0)}
.js-nav-active .topNav ul{     width: 100%;display:block;z-index: 99;min-height: 280px;background: #000;}	
.nav-toggle{ display:block}
.container .interaction .newMedia li.weixin a{background: url(./2021stj_wxLogo.png) no-repeat left center;background-size: 20px; margin-right: 0;}
.nav-toggle:before {
  color: #fff; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 35px;
  text-transform: none;
  position: absolute;
  content: "";
  background:url(./mnavbg.png) no-repeat   center;
  background-size:25px auto;
  text-indent: 0;
  width: 60px;
  height: 60px;
  text-align: right;
  line-height: 60px;
  speak: none;
  width: 100%;
  top: 0;
  right: 0;
  z-index:308;
}
.memberinfo  .nav-toggle:before{ background:url(./mnavbg.png) no-repeat right center; background-size:25px auto; right:15px;}
.nav-toggle.active:before {font-size: 35px;content:" "; background:url(./closeicon.png) no-repeat  center; background-size:20px auto;}
.bannerBox{padding-bottom: 0;}
.bannerBox .newsCon{background: #fff;padding: 10px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);}
.bannerBox .newsCon .newspics{ width:100%; height:auto; position:relative; overflow:hidden;margin-bottom: 30px;}
.bannerBox .newsCon .newspics .bd{ position:relative; height:100%; z-index:0;   }
.bannerBox .newsCon .newspics .bd li{ zoom:1; vertical-align:middle;  position:relative;}
.bannerBox .newsCon .newspics .bd li span{ position:absolute; z-index:99px; color:#fff; bottom:0px; left:0;  background:rgba(0,0,0,0.5); display:block; width:100%; padding-left:15px; height:43px; line-height:43px; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.bannerBox .newsCon .newspics .bd img{width:100%;height: auto;min-height: 240px;display:block;}
.newslist{ width:100%; height:auto;}
.bannerBox .newsCon .newslist .inHd{ width:100%; height:45px; line-height:45px;border-bottom: 1px solid #1095f5;padding-bottom: 10px;}
.newslist .inHd ul li{ float:left; font-size:18px;margin-right: 8px;}
.newslist .inHd ul li a{display: block;color: #000000;}
.newslist .inHd ul li.on a{ color:#3a8bce;font-weight: bold;}
.newslist .inHd span a{display: inline-block;width: 50px;height:50px; background: url(2021stj_listMore.png) no-repeat center;}
.newslist .inBd ul{ padding-top:5px;}
.newslist .inBd ul li{ height:40px; line-height:40px; }
.bannerBox .newsCon .newslist .inBd .ggtop{position: relative; padding: 0 0 0 0px;margin-bottom: 10px;}
.bannerBox .newsCon .newslist .inBd .ggtop span {text-align: center;width: 90px;position: absolute;left: 0; display: none;}
.bannerBox .newsCon .newslist .inBd .ggtop span i { display: block; font-size: 35px;background: #d8d7d7;padding: 5px 0;color: #000;}
.bannerBox .newsCon .newslist .inBd .ggtop span em{ display: block; font-size: 16px;background: #1095f5;padding: 5px 0;color: #fff;}
.bannerBox .newsCon .newslist .inBd .ggtop p {display: none;}
.bannerBox .newsCon .newslist .inBd .ggtop h2 {font-size: 18px;color: #1095f5;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.bannerBox .newsCon .newslist .inBd .ggtop h2 a{color: #1095f5;}
.newslist .inBd ul li a{ display:inline-block;width: 78%;  overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; background:url(./2021stj_listBg.png) no-repeat left center; padding-left:27px; }
.newslist .inBd ul li span{ float: right;color: #999;}
.container{background: #fff;padding: 0 0 20px 0;}
.container .interaction{background: #dcecf8;padding: 15px;}
.container .interaction .notice{width: 100%;margin-bottom: 20px;}
.container .interaction .notice .noticeTit{font-weight: bold;}
.container .interaction .notice .noticeTit a{display: inline-block;background: url(./2021stj_voidLogo.png) no-repeat left center;padding-left: 40px;line-height: 30px;}
.container .interaction .newMedia{width: 100%;    font-size: 14px;}
.container .interaction .newMedia li{ float: left;margin-right: 10px; position: relative;  }
.container .interaction .newMedia li a{display: inline-block;    line-height: 30px; padding-left: 25px;webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.container .interaction .newMedia li.isz a{background: url(./2021stj_iszLogo.png) no-repeat left center;background-size: 20px;}
.container .interaction .newMedia li.yss a{background: url(./2021stj_yssLogo.png) no-repeat left center;background-size: 20px;}
.container .interaction .newMedia li.wb a{background: url(./2021stj_wbLogo.png) no-repeat left center; background-size: 24px; }
.container .interaction .newMedia li a span{display: none;position: absolute;    z-index: 9; top: 36px;left: 0;width: 110px;height: 110px;background-color: #fff;padding: 10px;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.container .interaction .newMedia li a span img{width: 110px;height: 110px;}
.container .interaction .newMedia li.mail a span{width: 120px;height: auto;}
.container .interaction .newMedia li.mail a span img{width: 120px;height: auto;}
.container .interaction .newMedia li a:hover span{display: block;}
.serveSerach{margin-top: 30px;}
.serveSerach h2{color: #000;font-size: 20px;padding-left: 50px;    line-height: 40px;}
h2.wyb{background: url(2021stj_serve1.png) no-repeat left center;}
h2.wyc{background: url(2021stj_serach1.png) no-repeat left center;}
.serveSerach .serve,.serveSerach .serach{background: #fff;padding: 15px;width: 100%;margin-bottom: 20px; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */} 
.serveSerach ul{padding-top: 30px;}
.serveSerach li{float: left;margin: 0 10px 10px 0;}
.serveSerach li.last{margin: 0 10px 10px 0;}
.serveSerach li:nth-child(2n){margin:0 0 10px 0;}
.serveSerach li a{display: block;padding: 20px 6px;text-align: center;}
.serveSerach li span{display: block;}
.serveSerach li span.listicon{height: 35px;    margin-bottom: 10px;}
.serveSerach .serve ul li{width: 100%;height: auto;}
.serveSerach .serve ul li.zww img{width: 100%;height: 100%;}
.serveSerach .serve ul li.zww a{padding: 0;}
.serveSerach .serach ul li{width: 48%;height: auto;}
.ztChnl{margin-top: 0;padding: 0 15px;}
.ztChnl .ztList{width: 100%;height: 146px;margin-bottom: 20px;}
.ztChnl .ztList h2{width: 15%;height:100% ;float: left; background: -moz-linear-gradient(top, #4B8C5C 0%, #75945E 100%) ;}
 .ztChnl .ztList h2 a{color: #fff;display: block;width: 100%;height: 100%;}
.ztChnl .ztList h2 a em{width: 20px; font-size: 20px;letter-spacing: 20px;    display: block;margin: auto;    margin-top: 14px;}
.ztChnl .ztList .ztSlide{width: 85%;height: 100%;background: #fff;overflow: hidden;float: right;position: relative;margin-bottom: 0;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);}
.ztChnl .ztList .ztSlide li{padding: 20px;}
.ztChnl .ztList .ztSlide img{width: 100%;height: 106px;}
.ztChnl .wjList{width: 100%;height: auto;}
.ztChnl .wjList li{float: left;width: 47%;height: auto;margin:0 5px 0 5px;text-align: center;}
.ztChnl .wjList li.wjList1{background: url(2021stj_wjList1.png) no-repeat center;}
.ztChnl .wjList li.wjList2{background: url(2021stj_wjList2.png) no-repeat center;}
.ztChnl .wjList li.wjList3{background: url(2021stj_wjList3.png) no-repeat center;margin-right: 5px;margin-top: 10px;}
.ztChnl .wjList li.wjList4{background: url(2021stj_wjList2.png) no-repeat center;margin-right: 5px;margin-top: 10px;}
.ztChnl .wjList li a{display: block;line-height: 32px;padding: 50px 0;width: 76%;color: #666;font-size: 18px;text-align: center;margin:0 auto;}
/* 政务公开 */
.infoOpen{background: #fff;padding: 30px 15px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);margin-bottom: 0;}
.infoOpen .infotit{width: 269px;height: 424px;display: none;}
.infoOpen .infocont{width: 100%;height: auto;}
.infoOpen .infocont .infolist1{margin-bottom: 15px;}
.infoOpen .infocont .infolist1 li{width: 48%;border-radius: 5px;float: left;margin: 0 13px 13px 0;}
.infoOpen .infocont .infolist1 li.last{margin: 0 10px 10px 0;}
.infoOpen .infocont .infolist1 li:nth-child(2n){margin: 0 0 10px 0;}
.infoOpen .infocont .infolist1 li a{display: block;padding: 15px 10px;text-align: center;}
.infoOpen .infocont li em{display: block;}
.infoOpen .infocont li img{webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.infoOpen .infocont li:hover img{transform: transform: translate3d(0, -.3rem, 0);-ms-transform: translate3d(0, -.3rem, 0); /* IE 9 */-webkit-transform: translate3d(0, -.3rem, 0); /* Safari and Chrome */}
.infoOpen .infocont li span{display: block;height: 55px;  margin-bottom: 10px;}
.infoOpen .infocont .infolist2{background:url(2021stj_info_ban5.png) no-repeat;background-size: cover;border-radius: 10px;padding: 20px 0;text-align: center;}
.infoOpen .infocont .infolist2 li{width: 28%;float: left;margin: 0 9px 30px 9px;}
.infoOpen .infocont .infolist2 li a{display: block;}
.infoOpen2{margin-bottom: 30px;}
.infoOpen2 .zwgk{width: 100%;height: auto;background: #fff;padding: 15px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);margin-bottom: 20px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.infoOpen2 .gklist{width: 100%;height: auto;padding: 15px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.infoOpen2 .gklist li{width: 100%;height: auto;display: block;margin-bottom: 10px;overflow: hidden;    border-radius: 10px;}
.infoOpen2 .gklist li.last{margin-bottom: 0;}
.infoOpen2 .gklist li img{transition: all .5s ease;width: 100%;height: 100%;}
.infoOpen2 .gklist li img:hover{transform: transform: scale(1.1);-ms-transform: scale(1.1); /* IE 9 */-webkit-transform: scale(1.1); /* Safari and Chrome */}
/* 政务服务 */
.wybCont{background: #fff;padding: 30px 15px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);height: auto;}
.wybCont h2,.wycCont h2{color: #000;font-size: 20px;padding-left: 50px;    line-height: 40px;}
.wybCont .zwServe{width: 100%;height: auto;overflow: hidden;padding-top: 30px;margin-bottom: 20px;}
.wybCont .zwServe img{transition: all .3s ease;width: 100%;}
.wybCont .zwServe img:hover{transform: transform: scale(1.1);-ms-transform: scale(1.1); /* IE 9 */-webkit-transform: scale(1.1); /* Safari and Chrome */}
.wybCont .zwSys{padding-top: 0;width: 100%;height: auto;}
.wybCont .zwSys li.zwSys1,.wybCont .zwSys li.zwSys2{display: inline-block;width: 100%;height: auto;}
.wybCont .zwSys li.zwSys1{margin-right: 0;}
.wybCont .zwSys li.zwSys3{width: 100%;height: auto;margin-top: 10px;}
.wybCont .zwSys li.zwSys1 a{background: url(2021stj_zwser_icon1.png) no-repeat 50px center;}
.wybCont .zwSys li.zwSys2 a{background: url(2021stj_zwser_icon2.png) no-repeat 50px center;}
.wybCont .zwSys li.zwSys3 a{background: url(2021stj_zwser_icon3.png) no-repeat 50px center;}
.wybCont .zwSys li a{display: block;text-align: center;padding: 52px 0;webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wybCont .zwSys li span{width: 50%;display: inline-block;}
.wybCont .zwSys li a:hover{padding-left: 10px;}
.wycCont{background: #fff;padding: 20px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);}
.wycCont ul{padding-top: 30px;}
.wycCont li{width: 48%;float: left;margin: 0 10px 10px 0;webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.wycCont li.last,.hdCont1 .hdSys li{margin-right: 10px;}
.wycCont li:nth-child(2n),.hdCont1 .hdSys li:nth-child(2n){margin-right: 0;}
.wycCont li a{display: block;padding: 20px 6px;text-align: center;}
.wycCont li em{display: block;}
.wycCont li span{display: block;height: 45px;  margin-bottom: 10px;}
/* 政民互动 */
.hdCont1{background: #fff;padding: 20px 15px;}
.hdCont1 .hdSys{width: 100%;margin-bottom: 20px;    font-size: 15px;}
.hdCont1 .hdSys li{width:  48.5%;}
.hdCont1 .hdSys li span{    height: 55px;}
.hdCont1 .hdMedia{width: 100%;}
.hdCont1 .hdMedia li{width: 44%;float: left;margin:15px 10px;}
.hdCont1 .hdMedia li a{display: block;text-align: center;}
.hdCont1 .hdMedia li span{display: block;width: 55px;height: 55px;border-radius: 50%;    text-align: center;line-height: 71px;margin: 0 auto;margin-bottom: 10px;}
.hdCont1 .hdMedia li em{display: block;}
.hdCont2{background: url(2021stj_hd_bg.png) no-repeat;background-size: cover;padding: 15px;}
.hdCont2 .tsphone,.hdCont2 .zjmail{border-radius: 10px;background:rgba(255,255,255,0.08);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Fffffff,endcolorstr=#7Fffffff);}
.hdCont2 .tsphone{padding: 10px;text-align: center;margin-bottom: 20px;}
.hdCont2 .tsphone dd{display:inline-block;width: 93%;    margin: 20px 0;margin-bottom: 0;}
.hdCont2 .tsphone dd h3{font-size: 20px;color: #3879c5;display: block;line-height: 45px;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.hdCont2 .tsphone dd span{font-size: 20px;color: #fff;font-weight: bold;display: block;line-height: 45px;}
.hdCont2 .tsphone dd p{color: #fff;    line-height: 24px; font-size: 14px;}
.hdCont2 .tsphone .line{display: inline-block;height: 0; width: 180px;margin: 0 auto;border-bottom: 1px solid #92b0d0;}
.hdCont2 .zjmail{text-align: center;padding: 20px;font-size: 20px;}
.hdCont2 .zjmail h3{color: #3879c5;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;display: inline-block; letter-spacing: 0;font-size: 20px;}
.hdCont2 .zjmail span{color: #fff;font-weight: bold;}
/* 底部信息 */
.footer{padding: 30px 15px;color: #fff;    font-size: 14px; background:-webkit-linear-gradient(left,#0c6bde,#03cbe7);background:-o-linear-gradient(right,#0c6bde,#03cbe7);background:-moz-linear-gradient(right,#0c6bde,#03cbe7);background:linear-gradient(to right,#0c6bde,#03cbe7);}
.footer .fzChnl{text-align: center;    margin-bottom: 30px;    font-size: 14px;}
.footer .fzChnl a{margin-right: 8px;color: #fff;font-weight: bold;}
.footer .unit{width: 100%;position: relative;}
.footer .unit a.jgMark{position: absolute;left: 199px; top: -13px;}
.footer .contact{width: 100%;}
.footer p{margin-bottom: 20px;}
.footer p span{margin-right: 0;    display: block;}
.footer p span a{color: #fff;}
.footer p span a.ygw{background: url(./beianLogo.png) no-repeat left center;padding-left: 22px;}	



#dkwza,.mohid{display:none;}


}